<?php echo $this->element('estilos/tablas')?>
<div class="col-sm-12">
    <section class="panel">
        <header class="panel-heading">
            <h4>Areas</h4>
            <span class="tools pull-right">
                <a href="javascript:;" class="fa fa-chevron-down"></a>
                <a href="javasrcipt:;" class="fa fa-cog"></a>
                <a href="javascript:;" class="fa fa-times"></a>
            </span>
        </header>
        <div class="panel-body">
            <div class="adv-table">
                <table class="display table table-bordered table-striped" id="dynamic-table">
                    <thead>
                        <tr>
                            <th>Nro.</th>
                            <th>Nombre</th>
                            <th>Descripcion</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $i=1;?>
                        <?php foreach ($areas as $area):?>
                        <tr class="gradeC">
                            <td class="text-center"><?php echo $i;$i++;?></td>
                            <td><?php echo $area['Area']['nombre']?></td>
                            <td><?php echo $area['Area']['descripcion']?></td>
                            <td>                                   
                                    <a href="<?php echo $this->Html->url(array('action' => 'eliminar', $area['Area']['id'])) ?>" title="Eliminar" type="button" class="btn btn-danger delete"><i class="glyphicon glyphicon-trash"></i></a>                                                                       
                                    <a href="<?php echo $this->Html->url(array('action'=>'editar', $area['Area']['id']))?>" title="Editar" type="button" class="btn btn-primary start"><i class="fa  fa-pencil-square-o"></i></a>
                                                                       
                                </td>   
                        </tr>
                        <?php endforeach;?>
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Nro.</th>
                            <th>Nombre</th>
                            <th>Descripcion</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </section>
</div>